<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
        	/*设备的屏幕尺寸 小于 等于1000的时候 使用 括号内的样式
				也遵循 层叠样式表的
				为了避免样式表覆盖
				可以修改先后顺序

				自己写的时候一定要注意空格

        	*/
        
        @media screen and (max-width: 1000px) {
        	body {
        		background-color: rgba(021,241,33,0.5);
        	}
        }

        </style>
    </head>
    <body>
    </body>
</html>